<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="bookmark"  type="image/x-icon"  href="{{site.url}}{{site.baseurl}}/img/logo.ico"/>
    <link rel="shortcut icon" href="{{site.url}}{{site.baseurl}}/img/logo.ico">
    <title>{{site.title}}</title>

    {% include global-css.html %}
    <link href="{{site.url}}{{site.baseurl}}/css/post.css" rel='stylesheet' type="text/css"/>
    <link href="{{site.url}}{{site.baseurl}}/css/md-post-header-collapse.css" rel='stylesheet' type="text/css"/>
    <link href="{{site.url}}{{site.baseurl}}/css/toc.css" rel='stylesheet' type="text/css"/>
    
    <!-- Highlighter: Using Rouge -->
    <link href="{{site.url}}{{site.baseurl}}/css/rouge-matrix.css" rel="stylesheet"/>
</head>
<body>

    <div id="wrapper" >

       {% include navbar.html %}
       {% include post.html %}
       {% include comment-full.html %}
       {% include footer.html %}

    </div>

    {% include global-js.html %}

   <!-- Header collapse -->
   <script src="{{site.url}}{{site.baseurl}}/js/md-post-header-collapse.js" type="text/javascript"></script>

   <script src="{{site.url}}{{site.baseurl}}/js/sidebar.js" type="text/javascript"></script>
   <script src="{{site.url}}{{site.baseurl}}/js/post.js" type="text/javascript"></script>
   <script src="{{site.url}}{{site.baseurl}}/js/toc.js" type="text/javascript"></script>


</body>
</html>

